/* 认证页面特有样式 */
.auth-container {
    animation: fadeIn 0.5s ease;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* 输入框聚焦效果 */
.el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px var(--primary-color) inset !important;
}

/* 按钮悬停效果 */
.el-button--primary:hover {
    background-color: var(--primary-light);
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(108, 92, 231, 0.3);
}

/* 链接悬停效果 */
.el-link:hover {
    color: var(--primary-color) !important;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .auth-container {
        padding: 30px 20px;
        margin: 0 15px;
    }

    .code-input {
        flex-direction: column;
    }

    .send-code-btn {
        width: 100% !important;
    }
}